/*---------------------------------视频播放页面-------------------------------*/
.auto-video-hd{
    width:958px;
    height:30px;
    background: #F7F7F7;
    border: 1px solid #EFEFEF;
    line-height:30px;
    color:#999;
}
.auto-video-hd #bdshare{ line-height: 16px;}
.auto-video-hd h2{ height: 30px; padding: 0 15px; background: #06529A; color: white;}
.auto-video-con{ margin-top: 10px;}
.auto-video-wrap{ width:550px; height:400px; overflow:hidden; border: 1px solid #DDD;}

.auto-video-list ul{
    width: 388px;
    height: 400px;
    display: block;
    background: #F7F7F7;
    border: 1px solid #E7E7E7;
}
.auto-video-list li{ font-size: 14px; line-height: 29px;}
.auto-video-list li.last{border: none;}
.auto-video-list li a{
    float: left;
    display: block;
    width: 255px;
    height: 29px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    color: #676767;
}
.auto-video-list li span{
    float: right;
    display: block;
    width: 110px;
    height: 29px;
    overflow: hidden;
    color: #999;
    text-align: right;
}
.auto-video-normal{
    width: 368px;
    height: 29px;
    overflow: hidden;
    border-bottom: 1px dotted #DDD;
    margin: 0 auto;
}
.auto-video-normal.last{border-bottom: none;}
.auto-video-current{
    width:370px;
    height: 80px;
    overflow: hidden;
    background: #4888AE;
    padding: 10px;
    margin-left: -1px;
    border: none;
    color: white;
}
.auto-video-list li .auto-video-current h2 a{
    width: 255px;
    height: auto;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    color: white;
}
.auto-video-list li .auto-video-current span{ float: none; display: static; text-align: left; color: white;}
.auto-video-current a,
.auto-video-current a:hover,
.auto-video-current a:visited{color: white;}
.auto-video-list-img{ width:100px; height: 80px; overflow: hidden;}
.auto-video-current .auto-video-list-img a{height:auto;}
.auto-video-list-con{ width:255px; height: 80px; overflow: hidden; margin-left: 10px;}
.auto-video-list-con h2{ width:255px; height: 50px; line-height: 25px; font-size: 14px;}
.auto-video-list-con span{line-height: 30px;}
.auto-video-share{ margin-top:2px;}

/*视频*/
.video-tleft{width: 645px;height: 299px; overflow: hidden; border: 1px solid #DDD;}
.play-list{
    display: block;
    width: 260px;
    height: 300px;
    overflow: hidden;
}
.play-list li{
    width: 250px;
    padding: 0 5px;
    height: 70px;
    overflow: hidden;
    border-bottom: 1px solid #DDD;
    margin-top: 4px;
    vertical-align: middle;
}
.play-list .img{
    float: left;
    display: block;
    width: 93px;
    height: 58px;
    border: 1px solid #DDD;
    margin: 5px 0;
}
.play-list .detail{
    float: right;
    width: 145px;
    overflow: hidden;
}
.play-list .detail h4{height: 50px; overflow:hidden;line-height: 25px; font-weight: normal;}
.play-list .detail span{
    float: right;
    display: block;
    height: 20px;
    width: 50px;
    overflow: hidden;
    padding-left: 20px;
    background: url(./Images/common/icon.gif) no-repeat 0 -334px;
}
.play-list li span{color: #06529a;}
.play-list li.current{background: #06529a;}
.play-list li.current a,.play-list li.current a:hover,.play-list li.current span{color: #FFF}
.video-player{
    width: 360px;
    height: 260px;
    margin: 20px 10px;
}

.video-tright{width: 298px; height: 299px; overflow: hidden;}
.video-rank{margin: 8px 0;}
.video-rank li{width: 278px;  overflow: hidden; margin: 0 auto;  line-height: 25px; vertical-align: middle;}
.video-rank .normal{height: 25px;overflow: hidden;border-bottom: 1px dashed #DDD; line-height: 25px; height: 25px; margin-bottom: 5px;}
.video-rank li a,.video-rank li span{display: block; overflow: hidden;}
.video-rank .normal a{ float: left;width: 130px; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;}
.video-rank .normal span{float:right; width: 50px; text-align: center; color: #666;}
.video-rank .active{
    height: 75px;
    width: 256px;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #DDD;
}
.video-rank .active .img{
    float: left;
    width: 108px;
    height: 73px;
    border: 1px solid #DDD;
}
.video-rank .active .detail{
    float: right;
    width: 140px;
    overflow: hidden;
}
.video-rank .active .detail h4{height: 50px; overflow: hidden; font-weight: normal;}
.video-rank .active .detail span{float:right;width: 40px;padding-left: 20px; height: 25px; background: url(./Images/common/icon.gif) no-repeat 0 -290px; color: #666;}
.video-rank li.current .normal{display: none;}
.video-rank li.current .active{display: block;}
.video-rank li .normal{display: block;}
.video-rank li .active{display: none;}



.video-list .img-news li{
    width: 150px;
    height: 127px;
    margin: 10px 5px;
}
.video-list .img-news li a{width: 148px;}
.video-list .img-news li .img{ height: 100px; }
.hd-grayline{
    border-bottom: 1px solid #DDD;
    margin: 5px;
    padding:0 5px;
}
.hd-grayline h3{
    float: left;
    font: bold 14px/30px arial;
    color: #06529a;
}
.video-list-inner .img-news li{
    width: 150px;
    height: 177px;
    margin: 10px 5px;
    border-bottom: 1px dotted #DDD;
    text-align: center;
}
.video-list-inner .img-news li a{width: 150px;}
.video-list-inner .img-news li .img{height:100px;}
.video-list-inner .img-news li p{color: #666; line-height: 25px;}

.video-show{
    width: 958px;
    border: 1px solid #DDD;
}
.video-show .video-player{
    width: 610px;
    height: auto;
    overflow: hidden;
    margin: 10px;
}
.video-show-right{
    width: 310px;
    height: 408px;
    overflow: hidden;
    border: 1px solid #DDD;
    margin: 10px 10px 0 0;
}
.video-show-right .play-list{
    display: block;
    width: 310px;
    height: 370px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0 auto;
}
.video-show-right .play-list li{width: 280px; height: 92px; margin:5px 0 5px 10px;}
.video-show-right .play-list .img{
    width: 120px;
    height: 80px;
}
.video-show-right .play-list .detail{width:150px; }
.video-show-right .play-list .detail span{ margin-top: 15px;background: url(./Images/common/icon.gif) no-repeat 0 -290px;}

